<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

		<title>unicarpool.com - ride your own way</title>
		<meta name="description" content="" />
		
		<script type="text/javascript" src="./js/links.js"></script>
		
		<link href="./css/main.css" rel="stylesheet" type="text/css" />
		<link href="./css/tables.css" rel="stylesheet" type="text/css" />
		
		
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>

<body>

<p style="background-color:#001239; border-bottom:1px solid black;border-top:0px solid black; width:99.9%; left:0px; top:0px; height:160px; position:absolute;"> </p>	

<div class="wrap"> 
	
  <div class="header"> 
	<div class="logo"> 
		<img src="./images/logo.png" alt="" /> 
		<img src="./images/slogan.png" style="left:400px" /> 
	</div>
	
	<div class="slogan">
	<img src="./images/slogan.png" /> 
	</div>
	
	<div>
	<input style="position:absolute;top:25px;left:795px;" type="text"  value="search for ride..."> 
	<input style="position:absolute;top:25px;left:950px;" type="submit" value="Go" class="button"> 
	</div>
    <div class="header-pic"  >
		<img src="./images/header.png" /> 
    </div>
  </div>
  
  	<div class="nav">
			
				<a style="left:20px;" id="Start" onMouseOver="show('Start')" onmouseout="hide()">START</a>
				<a style="left:170px;" id="Rides" onMouseOver="show('Rides')" onmouseout="hide()">RIDES</a>
				<a style="left:320px;" id="Profile" onMouseOver="show('Profile')" onmouseout="hide()">PROFILE</a>
				<a style="left:470px;" id="Help" onMouseOver="show('Help')" onmouseout="hide()">HELP</a>
			
	</div>
	
		  <div class="subNav">
				
					<table   id="SubStart" onMouseOver="show('Start')" onmouseout="hide()">
						<tr> <td>Start </td></tr> 
						<tr> <td>About </td></tr> 
						<tr> <td>Test </td></tr> 
						<tr> <td>... </td> </tr>
						
					 </table>
					 
					 <table style="left:140px;"  id="SubRides" onMouseOver="show('Rides')" onmouseout="hide()">
						<tr> <td>Create </td> </tr>
						<tr> <td>Search </td> </tr>
						<tr> <td>... </td> </tr>
					 
					 </table>
					 
					 <table style="left:305px;" id="SubProfile" onMouseOver="show('Profile')" onmouseout="hide()" >
					 <tr style=""> <td>Create </td> </tr>
					  <tr> <td>Search </td> </tr>
					  <tr> <td>... </td> </tr>
					 
					 </table>
					 
					 <table style="left:445px;" id="SubHelp" onMouseOver="show('Help')" onmouseout="hide()" >
					
					 <tr style=""> <td>FAQ </td> </tr>
					  <tr> <td>Contact us </td> </tr>
					  <tr> <td>... </td> </tr>
					 
					 </table>
				
				<!-- <a style="left:200px;" id="SubRides" style="left:80px;padding-left:0px;position:absolute;"> Create | Search </a>
					<a style="left:338px;" id="SubProfile" style="left:165px;position:absolute">Account | My Rides</a>
					<a style="left:500px;" id="SubHelp" style="left:238px;position:absolute;padding-left:20px;">Contact | bla </a> -->
		</div> 
  
  <div class="content-wrap"> 
    <div class="content"> 
      
     
      	
<h2>Table-Template for Rides List</h2>
<table class="hor-minimalist-a" summary="Employee Pay Sheet">

    <thead>

    	<tr>

        	<th scope="col">Spalte 1</th>

            <th scope="col">Spalte 2</th>

            <th scope="col">Spalte 3</th>

            <th scope="col">Spalte 4</th>
            
            <th scope="col">Spalte 5</th>

        </tr>

    </thead>

    <tbody>

    	<tr>

        	<td>Daten</td>

            <td>Daten</td>

            <td>Daten</td>

            <td>Daten</td>
            
			<td>Daten</td>
        </tr>

        <tr>

        	<td>Daten</td>

            <td>Daten</td>

            <td>Daten</td>

            <td>Daten</td>
            
			<td>Daten</td>
        </tr>

        <tr>

        	<td>Daten</td>

            <td>Daten</td>

            <td>Daten</td>

            <td>Daten</td>
            
			<td>Daten</td>
        </tr>

        <tr>

        	<td>Daten</td>

            <td>Daten</td>

            <td>Daten</td>

            <td>Daten</td>
            
            <td>Daten</td>
			
        </tr>

    </tbody>

</table>
<br></br>
<h2>Table-Template for Timetable</h2>


<table id="box-table-a" summary="Employee Pay Sheet">

    <thead>

    	<tr>

        	<th scope="col">            </th>

            <th scope="col">Monday</th>

            <th scope="col">Thuesday</th>

            <th scope="col">Wednesday</th>
            
            <th scope="col">Thursday</th>
            
            <th scope="col">Friday</th>

        </tr>

    </thead>

    <tbody>

    	<tr>

        	<td>Drive?</td>

            <td><input type="checkbox" name="zutat" value="salami"></td>

            <td><input type="checkbox" name="zutat" value="salami"></td>

            <td><input type="checkbox" name="zutat" value="salami"></td>
            
            <td><input type="checkbox" name="zutat" value="salami"></td>
            
            <td><input type="checkbox" name="zutat" value="salami"></td>

        </tr>

        <tr>

        <td>Car?</td>

            <td><input type="checkbox" name="zutat" value="salami"></td>

            <td><input type="checkbox" name="zutat" value="salami"></td>

            <td><input type="checkbox" name="zutat" value="salami"></td>
            
            <td><input type="checkbox" name="zutat" value="salami"></td>
            
            <td><input type="checkbox" name="zutat" value="salami"></td>

        </tr>

        <tr>

        

        </tr>



        	<td>Start Time</td>

            <td>
            	<select>
 					<option>08:00</option>
 					<option>09:00</option>
  					<option>10:00</option>
  					<option>11:00</option>
  					<option>12:00</option>
  					<option>13:00</option>
  					<option>14:00</option>
  					<option>15:00</option>
  					<option>16:00</option>
  					<option>17:00</option>
  					<option>18:00</option>
  					<option>19:00</option>
				</select>
			</td>

            <td><select>
 					<option>08:00</option>
 					<option>09:00</option>
  					<option>10:00</option>
  					<option>11:00</option>
  					<option>12:00</option>
  					<option>13:00</option>
  					<option>14:00</option>
  					<option>15:00</option>
  					<option>16:00</option>
  					<option>17:00</option>
  					<option>18:00</option>
  					<option>19:00</option>
				</select></td>

            <td><select>
 					<option>08:00</option>
 					<option>09:00</option>
  					<option>10:00</option>
  					<option>11:00</option>
  					<option>12:00</option>
  					<option>13:00</option>
  					<option>14:00</option>
  					<option>15:00</option>
  					<option>16:00</option>
  					<option>17:00</option>
  					<option>18:00</option>
  					<option>19:00</option>
				</select></td>
            
            <td><select>
 					<option>08:00</option>
 					<option>09:00</option>
  					<option>10:00</option>
  					<option>11:00</option>
  					<option>12:00</option>
  					<option>13:00</option>
  					<option>14:00</option>
  					<option>15:00</option>
  					<option>16:00</option>
  					<option>17:00</option>
  					<option>18:00</option>
  					<option>19:00</option>
				</select></td>
            
            <td><select>
 					<option>08:00</option>
 					<option>09:00</option>
  					<option>10:00</option>
  					<option>11:00</option>
  					<option>12:00</option>
  					<option>13:00</option>
  					<option>14:00</option>
  					<option>15:00</option>
  					<option>16:00</option>
  					<option>17:00</option>
  					<option>18:00</option>
  					<option>19:00</option>
				</select></td>

      
        
         <tr>

        	<td>End Time</td>

           <td>
            	<select>
 					<option>08:00</option>
 					<option>09:00</option>
  					<option>10:00</option>
  					<option>11:00</option>
  					<option>12:00</option>
  					<option>13:00</option>
  					<option>14:00</option>
  					<option>15:00</option>
  					<option>16:00</option>
  					<option>17:00</option>
  					<option>18:00</option>
  					<option>19:00</option>
				</select>
			</td>

            <td><select>
 					<option>08:00</option>
 					<option>09:00</option>
  					<option>10:00</option>
  					<option>11:00</option>
  					<option>12:00</option>
  					<option>13:00</option>
  					<option>14:00</option>
  					<option>15:00</option>
  					<option>16:00</option>
  					<option>17:00</option>
  					<option>18:00</option>
  					<option>19:00</option>
				</select></td>

            <td><select>
 					<option>08:00</option>
 					<option>09:00</option>
  					<option>10:00</option>
  					<option>11:00</option>
  					<option>12:00</option>
  					<option>13:00</option>
  					<option>14:00</option>
  					<option>15:00</option>
  					<option>16:00</option>
  					<option>17:00</option>
  					<option>18:00</option>
  					<option>19:00</option>
				</select></td>
            
            <td><select>
 					<option>08:00</option>
 					<option>09:00</option>
  					<option>10:00</option>
  					<option>11:00</option>
  					<option>12:00</option>
  					<option>13:00</option>
  					<option>14:00</option>
  					<option>15:00</option>
  					<option>16:00</option>
  					<option>17:00</option>
  					<option>18:00</option>
  					<option>19:00</option>
				</select></td>
            
            <td><select>
 					<option>08:00</option>
 					<option>09:00</option>
  					<option>10:00</option>
  					<option>11:00</option>
  					<option>12:00</option>
  					<option>13:00</option>
  					<option>14:00</option>
  					<option>15:00</option>
  					<option>16:00</option>
  					<option>17:00</option>
  					<option>18:00</option>
  					<option>19:00</option>
				</select></td>

        </tr>

    </tbody>

</table>







      	
    
    </div>
    <br style="clear:both;" />
  </div>
  
  
  
  <div class="sidebar"> 
    <!--Sidebar links-->
    <div class="login"> 
      <h3></h3><br>
	  <br>
		<h4> Username:</h4> <input name="username" type="text" size="25" maxlength="30" value=""> <br><br>
		<h4> Kennwort: </h4> <input name="kennwort" type="password" size="25" maxlength="12"> <br><br>
		<br><br>
		<input type="button" name="Text 2" value="Login" style="height:25px; width:50px;">
		<input type="button" name="Text 2" value="Forgot password" style="height:25px; width:120px;">
		<br><br>
		<a href="index.html">>> register</a>
	</form>
    </div>
    <!--Sidebar other info-->
    <div class="advertising"> 
      <h2>Your Advertising here</h2>
      use the <a href="index.html">contact form</a> to get in touch with us
    </div>
	
    <div class="advertising"> 
      <h2>Your Advertising here</h2>
      use the <a href="index.html">contact form</a> to get in touch with us
    </div>
	 
    <!--sfarsit sidebar-->
  </div>
  
  
</div>
	<div class="footer"> 
	

                            

                        <p id="copyright">Copyright &copy; 2012</p>

                        <p>UniCarpool.com</p>

    Impressum | AGB | Copyright by unicarpool.com, 2012 

      
  </div>
 	
</body>
</html>
